@extends('common.public')
@section('title', $info['name']."-深圳市峰华科技有限公司")
@section('keyword', $info['keyword'])
@section('description', $info['description'])
@section('content')
<div class="page-banner" >
        <div class="img-banner md:py-5 flex md:items-center" style="background-image:url('/uploads/{{$banner}}');">
            <div class="banner-infos flex flex-wrap items-center w-full md:w-1/2 py-3 px-4">
                <div class="banner-inner py-3 px-4">
                    <div class="page-title w-full  text-4xl mb-5 text-white">{{$info['name']}}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-content">
        <div class="w-full href-hash flex text-sm py-3"> 当前位置:
            <a href="/" title="首页">首页</a><span class="iconfont icon-xiangyou"></span><a  title="产品信息">产品信息</a></div>
            <div>
                <div class="row-content flex flex-wrap">
                 @foreach($cate as $k=>$v)
                <div class="w-full md:w-1/2 flex aos-init aos-animate {{ $k%2==0?'md:border-r':'' }}"  data-aos="fade-up">
                    <a href="{{ $v->c_url }}" class="block flex items-stretch">
                        <div class=" one-cate p-2 w-full  rounded flex-wrap  items-stretch m-2 flex">
                            <div class="row-img w-full md:w-1/2">
                                <div class="imgs overflow-hidden px-4 ">
                                    <img  src="/uploads/{{$v->img_url}}" alt="{{$v->c_name}}" title="{{$v->c_name}}" srcset="">
                                </div>
                            </div>
                            <div class="row-content w-full md:w-1/2 h-full">
                                <div class="row-contents px-4 h-full">
                                    <h2 class="row-title pt-3 pb-2 text-xl font-semibold">{{$v->c_name}}</h2>
                                    <div class="row-desc pt-1 pb-2 text-sm">
                                    {{$v->c_desc}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection